﻿body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    margin: 0;
}

header, footer, nav, section {
    display: block;
}

#TrangWeb {
	width: 1000px;
	margin: 0 auto;
}

#PhanDau {
	width: 1000px;
	height: 200px;
	background: url(../images/banner.jpg);
}

#PhanGiua {
	width: 1000px;
}

#BenTrai {
	width: 200px;
	float: left;
}

#BenTrai h3 {
	font-size: 20px;
	padding: 2px 0 0 5px;
	margin-bottom: 0;
	margin-top: 8px;
	background-color: #228B22;
	color: #ffffff;
}

#BenTrai ul {	
	list-style-image: url(../images/li.gif);
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #228B22;
}

#BenTrai ul li a {
	text-decoration: none;
	color: #0000ff;
}

#BenTrai ul li a:hover {
	text-decoration: underline;
	color: #ff0000;
}

#BenTrai ul li a:visited {
	text-decoration: none;
	color: #0000ff;
}

#BenPhai {
	width: 790px;
	float: right;
}

#BenPhai h3 {
	font-size: 20px;
	padding: 2px 0 10px 0;
	color: #4169E1;
	font-family: Tahoma;
	margin-top: 8px;
	margin-bottom: 0;
	text-shadow: 2px 2px 3px #00FF00;
}

#BenPhai h4 {
	font-size: 15px;
	padding: 2px 0 10px 0;
	color: #008000;
	font-family: Tahoma;
	margin-top: 8px;
	margin-bottom: 0;
	text-shadow: 2px 2px 3px #FFD700;
}

#PhanCuoi {
	width: 1000px;
	clear: both;
	height: 50px;
	background: #1e90ff;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* site title
----------------------------------------------------------*/
.site-title {
    color: blue;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 3px;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}


/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }
/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

